<template>
	<view class="circle flex_c">
		
		<view class="nav">
			<view class="icon_back" @click="$native.backAction()">
				<u-icon name="arrow-left" size="46rpx" color="#FFF"></u-icon>
			</view>
		</view>
		
		<view class="title">
			<image :src="$util.prefix('agreement/agreement_circle_title.png')"></image>
		</view>
		
		<view class="item flex_center" v-for="(item,index) in list" :key="index">
			<text>0{{ index + 1 }}</text>
			<view>{{ item }}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					'下单先付50定金，技师到达后再付技师路费和尾款。技师到达后打开订单页面，点击支付尾款，加上技师路费后支付即可。',
					'路费都以技师实际出发的路程为主，平台显示距离是用户和技师的直线距离。',
					'如有技师或商家参与黄赌毒等违法犯罪活动，请及向举报或报警处理。',
					'免单活动：凡在下单用户，在结束订单后可以获得抽奖机会一次，最高可获得1000元，最低获得20元（具体查看免单活动详情）。',
					'如有技师要求下单，加钟线下支付，请予以拒绝并举报，举报核实有效送购物卡。',
				],
			}
		},
		methods: {
			
		},

		onLoad() {
			
		}
	}
</script>

<style lang="less" scoped>
	.circle {
		padding: calc(var(--paging-head-top) + 60rpx) 0 0;
		min-height: 100vh;
		background: linear-gradient(45deg, #FFDBF6, #AB6FF8);
	}
	
	.nav {
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		padding: var(--paging-head-top) 0 0;
		.icon_back {
			display: inline-block;
			padding: 30rpx;
		}
	}
	
	.title {
		width: 320rpx;
		height: 96rpx;
		margin-bottom: 48rpx;
		image {
			width: 320rpx;
			height: 96rpx;
		}
	}
	
	.item {
		width: 670rpx;
		padding: 32rpx 24rpx;
		background: #FFFFFF;
		border-radius: 40rpx;
		margin-bottom: 20rpx;
		
		text {
			width: 56rpx;
			height: 56rpx;
			background: #7B52FF;
			border-radius: 28rpx;
			font-weight: 600;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 56rpx;
			text-align: center;
			margin-right: 16rpx;
		}
		
		view {
			flex: 1;
			font-size: 28rpx;
			color: #333333;
			line-height: 40rpx;
		}
		
	}
	
</style>